<template>
 <div class="gnatt-bar planbar" :class="row.status" :style="{'width': data+'px'}">
</div>
</template>
<script setup>
import { ref } from "vue";
 
 
const props = defineProps({
  row: Object,
  data: Object
});




</script>
<style scoped>
 .gnatt-bar{
 	    position: absolute;
 	    /* width: 500px; */
 		height:16px;
 	    left: 0;
		top: 4px;
		z-index: 1;
 	    background: #eba1758a;
		border-radius: 2px;
		overflow: hidden;
		font-size: 0;
 } 
</style>
